<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人中心</title>
<link type="text/css" rel="stylesheet" href="{$css_path}/css.css"/>
<link type="text/css" rel="stylesheet" href="{$css_path}/global.css"/>
<link rel="stylesheet" href="{$css_path}/powerFloat.css" type="text/css" />
</head>

<body>
{include file="header.html"}
<div id="wrapper">
  <div id="content">
    <div id="con_le">

      {include file="user_nav.html"}
    </div>
    <!--con_le over-->
    <div id="con_box">
      <div class="Current">{$position}</div>
      <div class="con_top">
       {include file="user_common_detail.html"}
        <div class="clear"></div>
      </div>
      <div class="tuijian">
        <ul class="tjtit">
          <li><a href="#tab-01-content" class="current">推荐</a></li>
          <li><a href="#tab-02-content">推荐</a></li>
          <li><a style="border-right:1px solid #D6D6D6" href="#tab-03-content">推荐</a></li>
          <div class="clear"></div>
        </ul>
        <div style="background-color:#fff;border:1px solid #d5d5d5">
          <div id="tab-01-content">
            <ul class="tjlist" >
              <li class="wrap"> <img src="{$images_path}/s1.jpg" alt="photo" />
                <div class="cover">
                  <h3>1江苏氿上云计价</h3>
                  <p>版本说明：氿上云计价软件即下一代智能云计价服务（SAAS）</p>
                  <p><a href="#">查看详情</a></p>
                </div>
              </li>
              <li class="wrap"> <img src="{$images_path}/s2.jpg" alt="photo" />
                <div class="cover">
                  <h3>2江苏氿上云计价</h3>
                  <p>版本说明：氿上云计价软件即下一代智能云计价服务（SAAS）</p>
                  <p><a href="#">查看详情</a></p>
                </div>
              </li>
              <li class="wrap"> <img src="{$images_path}/s4.jpg" alt="photo" />
                <div class="cover">
                  <h3>3江苏氿上云计价</h3>
                  <p>版本说明：氿上云计价软件即下一代智能云计价服务（SAAS）</p>
                  <p><a href="#">查看详情</a></p>
                </div>
              </li>
              <li class="wrap"> <img src="{$images_path}/s5.jpg" alt="photo" />
                <div class="cover">
                  <h3>4江苏氿上云计价</h3>
                  <p>版本说明：氿上云计价软件即下一代智能云计价服务（SAAS）</p>
                  <p><a href="#">查看详情</a></p>
                </div>
              </li>
              <li class="wrap"> <img src="{$images_path}/s5.jpg" alt="photo" />
                <div class="cover">
                  <h3>5江苏氿上云计价</h3>
                  <p>版本说明：氿上云计价软件即下一代智能云计价服务（SAAS）</p>
                  <p><a href="#">查看详情</a></p>
                </div>
              </li>
            </ul>
          </div>
          <div id="tab-02-content">2</div>
          <div id="tab-03-content">3</div>
          <div class="clear"></div>
        </div>
      </div>
      <div class="clear"></div>
      <div style="margin-right:25px;" class="news"><!--循环-->
        <div class="new_tit">
          <h3>最新信息</h3>
          <span><a href="#">更多>></a></span></div>
        <div class="clear"></div>
        <ul class="news_list">
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <div class="clear"></div>
        </ul>
      </div>
      <!--news over--><!--循环 over-->
      <div class="news"><!--循环-->
        <div class="new_tit">
          <h3>最新信息</h3>
          <span><a href="#">更多>></a></span></div>
        <div class="clear"></div>
        <ul class="news_list">
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <div class="clear"></div>
        </ul>
      </div>
      <!--news over--><!--循环 over-->
      <div class="clear"></div>
      <div class="mid_ban"><a href="#"><img src="{$images_path}/pic002.png" /></a></div>
      <div style="margin-right:25px;" class="news"><!--循环-->
        <div class="new_tit">
          <h3>最新信息</h3>
          <span><a href="#">更多>></a></span></div>
        <div class="clear"></div>
        <ul class="news_list">
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <div class="clear"></div>
        </ul>
      </div>
      <!--news over--><!--循环 over-->
      <div class="news"><!--循环-->
        <div class="new_tit">
          <h3>最新信息</h3>
          <span><a href="#">更多>></a></span></div>
        <div class="clear"></div>
        <ul class="news_list">
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <li><a class="left" href="#">汣上云计价软件中措施费、其他项目等从啥 ...</a> <span class="right">2012-10-14</span></li>
          <div class="clear"></div>
        </ul>
      </div>
      <!--news over--><!--循环 over-->
      <div class="clear"></div>
    </div>
    <!--con_box over-->
    <div class="clear"></div>
  </div>
  <!--content over--> 
</div>
{include file="footer.html"}
<div id="targetBox" class="shadow target_box dn"> <a href="javascript:void(0);">商城</a> <a href="javascript:void(0);">供求</a> <a href="javascript:void(0);">问答</a> <a href="javascript:void(0);">学习园地</a> <a href="javascript:void(0);">问答</a> <a href="javascript:void(0);">学习园地</a>
  <div style="clear:both"></div>
</div>
<div style="position: fixed; bottom: 0px; right: 0px; width: 380px; height: 100px; background-color: #ccc; z-index: 1000;overflow:hidden" class="lbox HomeHotNews" id="upprev_box"> <strong><a style="float:right;" id="upprev_close" href="#">X</a>你也许会喜欢</strong>
  <ul class="SimpleNewsList">
    <li><a title="汣上云计价软件中措施费、其他项目等从啥" href="#">汣上云计价软件中措施费、其他项目等从啥</a><span class="date">2012-11-15</span></li>
    <li><a title="汣上云计价软件中措施费、其他项目等从啥" href="#">汣上云计价软件中措施费、其他项目等从啥</a><span class="date">2012-11-15</span></li>
    <li><a title="汣上云计价软件中措施费、其他项目等从啥" href="#">汣上云计价软件中措施费、其他项目等从啥</a><span class="date">2012-11-15</span></li>
    <div class="clear"></div>
  </ul>
  <div class="clear"></div>
</div>
<script type="text/javascript" src="{$js_path}/jquery.js"></script> 
<script type="text/javascript" src="{$js_path}/jquery-powerFloat.js"></script> 
<script type="text/javascript" src="{$js_path}/lxdCarousel.js"></script> 
<script type="text/javascript" src="{$js_path}/jquery.idTabs.js"></script> 
<script type="text/javascript" src="{$js_path}/jquery.pngfix.js"></script> 
<script type="text/javascript" src="{$js_path}/scrolltopcontrol.js"></script> 
<script type="text/javascript" src="{$js_path}/myfloat.js"></script> 
<script type="text/javascript" src="{$js_path}/user.js"></script> 
<script>
//计算滚动条的高度
function getScrollY() {
	scrOfY = 0;
	if( typeof( window.pageYOffset ) == "number" ) {
		scrOfY = window.pageYOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		scrOfY = document.body.scrollTop;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		scrOfY = document.documentElement.scrollTop;
	}
	return scrOfY;
}

$(function(){
	//tag 切换
	$(".tjtit").idTabs("!mouseover");
	//修复ie浏览器的png透明
	$(document).pngFix();
	
	$("#upprev_box").hide();
                
	  var upprev_closed = false;
	  var upprev_hidden = true;
	  $(window).scroll(function() {
		  var lastScreen;
		  if ($("#userComments").length > 0)
			  lastScreen = getScrollY() + $(window).height() < $("#userComments").offset().top * 1 ? false : true;
		  else
			  lastScreen = getScrollY() + $(window).height() < $(document).height() * 1 ? false : true;
		  if (lastScreen && !upprev_closed) {
			  $("#upprev_box").show().stop().animate({right:"0px"});
			  upprev_hidden = false;
		  }
		  else if (upprev_closed && getScrollY() == 0) {
			  upprev_closed = false;
		  }
		  else if (!upprev_hidden) {
			  upprev_hidden = true;
			  $("#upprev_box").show().stop().animate({right:"-400px"});
		  }
	  });
	  $("#upprev_close").click(function() {
		  $("#upprev_box").show().stop().animate({right:"-400px"});
		  upprev_closed = true;
		  upprev_hidden = true;
		  return false;
	  });
    //旋转木马
   	$(".cover").css('opacity',0.8);
	$('.tjlist').lxdCarousel({
		display_num: 5, 
		move: 1, 
		auto: true, 
		controls: true,
		margin: 10,
		auto_hover: true,
		cover:true,
		prev_image:'{$images_path}/left.gif',
		next_image:'{$images_path}/right.gif'
	});
	
	});

</script>
</body>
</html>
